.heightAuto {height: auto;}


// 背景
.bgMinor {background-color: $ai-bgMinor;}
.bgMinor2 {background-color: $ai-bgMinor2;}
.bgMinor4 {background-color: $ai-bgMinor4;}
.bgMinor5 {background-color: $ai-bgMinor5;}
.bgPrimary {background-color: $ai-bgPrimary;}
.bgWhite {background-color: white;}

// 颜色
.color-blue1 {color: $ai-primary;}
.color-black {color:$ai-fonts}
.color-black2 {color:$ai-fonts2}
.color-black3 {color:$ai-fonts3}
.color-black4 {color:$ai-fonts4}
.color-black5 {color:$ai-fonts5}

// 按钮
// .bg-button {background-color: $button;}

// 边框
.border-d {border: 1rpx solid $ai-border;}
.border-d2 {border: 1rpx solid $ai-border2;}
.border-b-1 {border-bottom: 1rpx solid $ai-border3;}
.border-b-2 {border-bottom: 1rpx solid $ai-border4;}


// 上下渐变
.mineBottomClass {
	background: linear-gradient(to bottom, #e6f2fe, #e9ffe5);   // #eee
	background-size: 100% 200%;  
	animation: GradientBottom 3s ease infinite;  
}

// 上下渐变
@keyframes GradientBottom {  
	0% {background-position: 50% 0%;}  
	50% {background-position: 50% 100%;}  
	100% {background-position: 50% 0%;}  
}  
// 左右渐变
.mineRightClass {  
	// height: 100vh;  
	background: linear-gradient(to bottom, red, blue);  
	background-size: 200% 100%;  
	animation: Gradient 3s ease infinite;  
}  
// 左右渐变
@keyframes GradientRight {  
	0% {background-position: 0% 50%;}  
	50% {background-position: 100% 50%;}  
	100% {background-position: 0% 50%;}  
}